<script type="text/html" template>
    <title>首页-{{layui.setter.name}}</title>
</script>
<style>
    .layadmin-dataview{
        height:426px !important;
    }
    .layadmin-dataview>*[carousel-item]>div {
        height:426px !important;
    }
</style>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">
              
              <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">

                      <!--<li class="layui-col-xs3">
                        <a lay-href="HZCG/hzcg_Goods_Base/Index2">
                          <i class="layui-icon layui-icon-console"></i>
                          <cite>供应商商品</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="HZCG/hzcg_Goods/Index1">
                          <i class="layui-icon layui-icon-chart"></i>
                          <cite>已上架商品</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="HZCG/hzcg_Order/Index">
                          <i class="layui-icon layui-icon-survey"></i>
                          <cite>订单</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="HZCG/hzcg_Order_AfterSale/Index">
                          <i class="layui-icon layui-icon-chat"></i>
                          <cite>售后</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="HZCG/hzcg_Order_Deliver/Index">
                          <i class="layui-icon layui-icon-find-fill"></i>
                          <cite>发货单</cite>
                        </a>
                      </li>-->

                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-user"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/password">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>修改密码</cite>
                        </a>
                      </li>

                      <!--<li class="layui-col-xs3">
                        <a lay-href="app/workorder/list">
                          <i class="layui-icon layui-icon-survey"></i>
                          <cite>工单</cite>
                        </a>
                      </li>-->
                      <!--<li class="layui-col-xs3">
                          <a lay-href="/senior/im/">
                              <i class="layui-icon layui-icon-chat"></i>
                              <cite>聊天</cite>
                          </a>
                      </li>-->
                    </ul>
                    <!--<ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                    </ul>-->
                  
                </div>
              </div>
              
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">事件统计</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-backlog">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>今日订单量</h3>
                        <p><cite id="dayCount">--</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>今日销售额</h3>
                        <p><cite id="dayAmount">--</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>本月订单量</h3>
                        <p><cite id="monthCount">--</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a href="javascript:;" class="layadmin-backlog-body">
                        <h3>本月销售额</h3>
                        <p><cite id="monthAmount">--</cite></p>
                      </a>
                    </li>
                  </ul>
                  <!--<ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a href="javascript:;" class="layadmin-backlog-body">
                        <h3>待审友情链接</h3>
                        <p><cite style="color: #FF5722;">5</cite></p>
                      </a>
                    </li>
                  </ul>-->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <div class="layui-col-md4">
      <div class="layui-card">
        <div class="layui-card-header">版本信息</div>
        <div class="layui-card-body layui-text">
          <table class="layui-table">
            <colgroup>
              <col width="100">
              <col>
            </colgroup>
            <tbody>
                <tr>
                    <td>系统名称</td>
                    <td>
                        <script type="text/html" template>
                            {{layui.setter.name}}
                        </script>
                    </td>
                </tr>
              <tr>
                <td>当前版本</td>
                <td>
                  <script type="text/html" template>
                    v{{ layui.setter.v }}
                    <!--<a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
                  </script>
                </td>
              </tr>
              <tr>
                <td>系统时间</td>
                <td id="showTime"></td>
              </tr>
              <tr>
                <td>当前组织</td>
                <td style="padding-bottom: 0;">
                    <script type="text/html" template lay-url="/Admin/getLoginGroupName" lay-type="post">
                        <a href="javascript:;">
                            {{ d.ResultInfo }}
                        </a>
                    </script>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      
      <!--<div class="layui-card">
        <div class="layui-card-header">效果报告</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="65%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="32%"></div>
          </div>
        </div>
      </div>-->
      
      <!--<div class="layui-card">
        <div class="layui-card-header">实时监控</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>CPU使用率</h3>
            <div class="layui-progress-bar" lay-percent="58%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>内存占用率</h3>
            <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
          </div>
        </div>
      </div>-->
      
      <!--<div class="layui-card">
        <div class="layui-card-header">产品动态</div>
        <div class="layui-card-body">
          <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
            <div carousel-item>
              <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
              <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div> 
              <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
            </div>
          </div>
        </div>
      </div>-->

    </div>

      <div class="layui-col-md12">
          <div class="layui-card">
              <div class="layui-card-header">数据概览</div>
              <div class="layui-card-body">

                  <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                      <div carousel-item id="LAY-index-dataview">
                          <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                          <!--<div></div>
                        <div></div>-->
                      </div>
                  </div>

              </div>
          </div>
          <!--<div class="layui-card">
          <div class="layui-tab layui-tab-brief layadmin-latestData">
            <ul class="layui-tab-title">
              <li class="layui-this">今日热搜</li>
              <li>今日热帖</li>
            </ul>
            <div class="layui-tab-content">
              <div class="layui-tab-item layui-show">
                <table id="LAY-index-topSearch"></table>
              </div>
              <div class="layui-tab-item">
                <table id="LAY-index-topCard"></table>
              </div>
            </div>
          </div>
        </div>-->
      </div>
  </div>
</div>


<script>
    var t = null;
    t = setTimeout(time, 1000);//開始运行
    function time() {
        clearTimeout(t);//清除定时器
        dt = new Date();
        var y = dt.getFullYear();    //获取完整的年份(4位,1970-????)
        var w = dt.getMonth() + 1;       //获取当前月份(0-11,0代表1月)
        var d = dt.getDate();        //获取当前日(1-31)
        var h = dt.getHours();//获取时
        var m = dt.getMinutes();//获取分
        var s = dt.getSeconds();//获取秒
        document.getElementById("showTime").innerHTML = y + "年" + w + "月" + d + "日 " + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000); //设定定时器，循环运行     
    }
//加载 controller 目录下的对应模块
/*

  小贴士：
    这里 console 模块对应 的 console.js 并不会重复加载，
    然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
      1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
      2): 直接在 layui.use 方法的回调中书写业务代码，即:
          layui.use('console', function(){ 
            //同 console.js 中的 layui.define 回调中的代码 
          });
          
  这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。
  
*/
layui.use('console', layui.factory('console'));
</script>

